.cl_index {
    width: 750rpx;
    height: 300rpx;

    .cl_index_header_img {
        width: 100%;
        height: 100%;
    }

    .cl_index_nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

        .cl_index_nav_item {
            width: 180rpx;
            height: 180rpx;
            text-align: center;

            .cl_ini_img {
                width: 126rpx;
            }

            .cl_ini_title {
                font-size: 32rpx;
                position: relative;
                top: -12rpx;
            }
        }
    }

    .cl_index_notice {
        margin: 10rpx 30rpx;
        display: flex;
        align-items: center;

        image {
            width: 64rpx;
            height: 64rpx;
        }

        text {
            font-size: 32rpx;
        }
    }

    .cl_index_advertisement {
        text-align: center;

        image {
            width: 100%;
        }

        .cl_index_sub_advertisement {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            display: inline-block;
            margin: 10rpx;
            width: 350rpx;
            height: 200rpx;

            text {
                display: inline-block;
                width: 150rpx;
                font-size: 32rpx;
                margin-top: 16%;
                margin-left: -32%;
                font-weight: 700;
            }
        }
    }

    .cl_index_interaction {
        text-align: center;

        >text {
            font-size: 56rpx;
            color: #A8A8A8;
        }

        >image {
            width: 80%;
        }

        .cl_ii_scroll {
            overflow-x: scroll;
            white-space: nowrap;
            margin-top: 30rpx;

            image {
                width: 300rpx;
                margin: 10rpx;
            }
        }
    }

    .cl_index_activity {
        text-align: center;

        >text {
            font-size: 56rpx;
            color: #A8A8A8;
        }

        >image {
            width: 80%;
            margin: 30rpx 0;
            border: 10px solid rgba(0, 0, 0, .3);
            background: white;
            background-clip: padding-box;
        }
    }
}